<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/bootstrap.css">
    <script type="text/javascript" src="../../../public/javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/bootstrap.js"></script>

    <style>
        #form-div{
            padding-top: 20px;
        }

        #examappr-head .control-label{
            font-size: smaller;
        }


        .input-box{
            width: 80px;
            height: 20px;
        }

        #button-check{
            height: 25px;
            padding:-5px;
            vertical-align: middle
        }

        .table-custom{
            padding: 20px;
        }
    </style>

    <script type="text/javascript" >
        $(document).ready(function(){
            $("#top").load("../top.html");
            $("#left").load("../left.html");
//            $("#bottom").load("../bottom.html");
//            $("#right").load("");
        });
    </script>
</head>
<body background="../images/whiteBg.png" >
<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-1">
        </div>
        <div id="left" class="col-md-2">

        </div>
        <div class="col-md-8" id="right">
            <div class="bodyDiv">





                <div class="row" id="form-div">
                    <div class="form-group-head col-md-4">
                        <div id="examappr-head">
                            <span style="font-family: 'Arial Negreta', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    color: #333333;
    text-align: left;
    line-height: normal;
    width: 50px;
    padding-left: 15px;">活动申请审批</span>
                        </div>
                    </div>

                    <div class="col-md-1"></div>

                    <div class="form-group col-md-2"  >
                        <div class="row">
                            <span class="col-md-5" style="padding:0px;">客户姓名</span>
                            <span class="col-md-7" style="padding:0px;"><input type="text" class="form-control input-box"></span>
                        </div>
                    </div>


                    <div class="form-group col-md-2" >
                        <div class="row">
                            <span class="col-md-5" style="padding:0px;">活动名称</span>
                            <span class="col-md-7" style="padding:0px;"><input type="text" class="form-control input-box"></span>
                        </div>
                    </div>

                    <div class="form-group col-md-2"   >
                        <div class="row">
                            <span class="col-md-5" style="padding:0px;">活动编号</span>
                            <span class="col-md-7" style="padding:0px;"><input type="text" class="form-control input-box" ></span>
                        </div>
                    </div>

                    <div class="form-group col-md-1" style=" padding: 0px" >
                        <button  class="btn btn-default " id="button-check">查询</button>
                    </div>
                </div>





                <div class="table-custom">
                    <table class="table table-striped table-condensed">
                        <thead>
                        <tr>
                            <th>活动名称</th>
                            <th>活动编码</th>
                            <th>客户姓名</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        <tr>
                            <td>Sachin</td>
                            <td>Mumbai</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        <tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        <tr>
                            <td>Sachin</td>
                            <td>Mumbai</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        <tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        <tr>
                            <td>Sachin</td>
                            <td>Mumbai</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        <tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr><tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr><tr>
                            <td>Tanmay</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td>Bangalore</td>
                            <td><a href="#">通过</a>&nbsp;&nbsp;&nbsp;<a href="examApprDetail.html">查看详情</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="row">
                    <div class="col-md-4"></div>
                    <div class="col-md-6">
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </div>

                </div>



            </div><!--内容-->
        </div>
        <div class="col-md-1">
        </div>
    </div>
</div>
<!--<div id="bottom"></div>-->
</body>
</html>